<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,usesr-scalable=0">
    <meta name="keywods" content="">
    <meta name="description" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="blank">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>互助查询</title>
    <!-- <link rel="shortcut icon" href="./images/logo.ico"> -->
    <!-- <link rel="stylesheet" href="./css/reset.css"> -->
    <link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
    <link rel="stylesheet" href="__INDEX__/css/huzhuchaxun.css">
    <link rel="stylesheet" href="__INDEX__/css/top.css">
    <script src="__INDEX__/js/flexible_css.js"></script>
    <script src="__INDEX__/js/flexible.js"></script>
    <script src="__INDEX__/js/jquery-1.12.4.min.js"></script>
    <script src="__INDEX__/js/swiper.jquery.min.js"></script>
</head>

<body>
<div class="wrap">
    <!-- 头部 -->
    {include file="public/header" /}


    <div class="content">
        <!--banner1 -->
        <div class="cont-banner">
            <img src="/{$banners[0]['pic']}" alt="banner">
        </div>
        <!-- 链接模块 -->
        <div class="center-box">
            <div class="center-top">
                <div class="top-left top-box">
                    <a href="{$search[0]['link']}">
                        <img src="/{$search[0]['img_url']}" alt="zizhi">
                        <p>{$search[0]['name']}</p>
                    </a>
                </div>
                <div class="top-right top-box">
                    <a href="{$search[1]['link']}">
                        <img src="/{$search[1]['img_url']}" alt="zizhi">
                        <p>{$search[1]['name']}</p>
                    </a>
                </div>
            </div>
            <div class="center-bottom">
                <div class="bottom-box">
                    <a href="{$search[2]['link']}">
                        <img src="/{$search[2]['img_url']}" alt="">
                        <p>{$search[2]['name']}</p>
                    </a>
                </div>
                <div class="bottom-box">
                    <a href="{$search[3]['link']}">
                        <img src="/{$search[3]['img_url']}" alt="">
                        <p>{$search[3]['name']}</p>
                    </a>
                </div>
                <div class="bottom-box bottom-right">
                    <a href="{$search[4]['link']}">
                        <img src="/{$search[4]['img_url']}" alt="">
                        <p>{$search[4]['name']}</p>
                    </a>
                </div>
            </div>
        </div>
        <!-- 广告 -->
        <div class="advertisement-box">
            {for start="1" end="count($banners)" name="i"}
                 <a href="javascript:;">
                    <img src="/{$banners[$i]['pic']}" alt="banner2">
                 </a>   

            {/for}
            
            <!-- <a href="javascript:;">
                <img src="__INDEX__/images/banner3-hu.png" alt="banner3">
            </a> -->
        </div>
        <!--互动交流  -->
        <div class="interactive-box">
            <div class="interactive-title">
                <h2>互动交流</h2>
                <h3>INTERACTION</h3>
                <img src="__INDEX__/images/xian.png" alt="xian">
            </div>
            <div class="interactive-top">
                {volist name="alls" id="vo" }
                    {if condition="$vo.name eq '局长信箱' " }
                        <div class="intertop-box">
                            <a href="{$vo.link}">
                                <img src="/{$vo.img_url}" alt="">
                                <p>{$vo.name}</p>
                            </a>
                        </div>
                    {/if}    
                
                 
                {if condition="$vo.name eq '官方微信' "}
                <div class="intertop-box weixin">
                    <a href="#">
                        <img src="/{$vo.img_url}" alt="">
                        <p>{$vo.name}</p>
                    </a>
                </div>
                {/if}
                    {if condition="$vo.name eq '官方网站' "}
                    <div class="intertop-box intertop-right">
                        <a href="{$vo.link}">
                            <img src="/{$vo.img_url}" alt="">
                            <p>{$vo.name}</p>
                        </a>
                    </div> 

                    {/if}
                {/volist}
                
            </div>
            <div class="interactive-bottom">
                <div class="interbottom-left interbottom-box">
                    <a href="{:url('index/message/index')}">
                        <img src="__INDEX__/images/ly.png" alt="zizhi">
                        <p>建议留言</p>
                    </a>
                </div>
                <div class="interbottom-right interbottom-box">
                    <a href="{:url('index/search/index')}">
                        <img src="__INDEX__/images/ss.png" alt="zizhi">
                        <p>站内搜索</p>
                    </a>
                </div>
            </div>
        </div>

    </div>
    <div class="moban" style="display: none">
        <img class="guan" src="__INDEX__/images/guanbi.png" alt="">
        <img class="wei" src="__INDEX__/images/langbo.png" alt="weixin">
    </div>

    <!-- 底部导航栏 -->
    {include file="public/footer" /}

</div>

<script>

    $('.header ul li a').eq(2).css('color','#0860a8')
    // 点击出现微信
    $('.weixin').on('click', function (e) {
        $('.moban').css('display', 'block');
    })
    $('.guan').on('click', function (e) {
        $('.moban').css('display', 'none');
    })

    // 点击空白区域关闭模板
    // $('.moban').on('click', function (e) {
    //     var contentEle = $('.moban');
    //     if (contentEle !== e.target && contentEle.has(e.target).length === 0) {
    //         //关闭弹出层的代码或者需要在点击指定区域之外区域才执行的代码
    //         contentEle.css('display', 'none')
    //     }
    // });

</script>
</body>

</html>